<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>Title</title>
        <style>
            .d1{
                width:700px;
                height: 400px;
                background:yellowgreen;

                /*将块级元素可以横线居中*/
                margin:0px auto;

                /*将文本内容进行横向居中*/
                text-align: center;

                /*如果文本内容正好是一行，line-height与高度一致的时候，文本可以垂直居中*/
                line-height: 400px;
            }
        </style>
    </head>
    <body>
        <div class="d1">div</div>
    </body>
</html>